﻿@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<!-- banner -->
<div id="banner">
    <div class="contact-banner">
        <img alt="" src="@Url.Content("~/Content/images/services-banner.jpg")">
    </div>
    <div class="container">
        <h1>
            Serviços.</h1>
    </div>
</div>
<!-- End banner -->
<!-- Content -->
<div id="content" class="container">
    <section class="services-content">
        <div class="services-description">
            <h2>
                Nossos Serviços</h2>
            <p>
                Sed interdum nisl pharetra ipsum aliquet tempus. Mauris pulvinar, nisl nec auctor
                eleifend, felis leo aliquam purus, tristique semper purus nunc id ligula. Morbi
                a sem eros, at varius neque. Curabitur fermentum, velit laoreet feugiat consequat,
                ligula lorem porttitor arcu, nec malesuada enim magna vitae ligula. Proin diam augue,
                rhoncus nec venenatis ac, euismod vel metus. Donec vitae nulla velit, quis eleifend
                tortor.</p>
        </div>
        <div class="services main-page">
            <article>
                <h2>
                    <span class="first-services"></span>Clean and Modern Design</h2>
                <p>
                    Lorem ipsum dolor sit amet, lavabat quo est cum obiectum aliquip ipsa mihi servitute
                    coniunx. Meam ad suis caelo in lucem exitum vivit in modo cavendum es.
                </p>
                <ul>
                    <li>Donec seid odio dui.</li>
                    <li>Nullalit libero, alea pharetra augue.</li>
                </ul>
            </article>
            <article>
                <h2>
                    <span class="second-services"></span>Clean and Modern Design</h2>
                <p>
                    Tunc lacrimas illa benignissime vi aureo in lucem exempli paupers coniunx efficerer
                    nup tiarum civibus. Gaudeo in rei .</p>
                <ul>
                    <li>Donec seid odio dui.</li>
                    <li>Nullalit libero, alea pharetra augue.</li>
                    <li>Aenean lacinia bibendum nulla</li>
                </ul>
            </article>
            <article>
                <h2>
                    <span class="third-services"></span>Clean and Modern Design</h2>
                <p>
                    Pellentesque rutrum auctor vulputate. Sed consequat suscipit est, vitae dapibus
                    ipsum iaculis sed.</p>
                <ul>
                    <li>Cras justo odio, dapibus ac facilisis Sed posuere </li>
                    <li>consectetur est at lobortis. </li>
                    <li>Donec ullamcorper nulla non metus auctor </li>
                </ul>
            </article>
            <article>
                <h2>
                    <span class="fourth-services"></span>Clean and Modern Design</h2>
                <p>
                    Lorem ipsum dolor sit amet, lavabat quo est cum obiectum aliquip ipsa mihi servitute
                    coniunx. Meam ad suis caelo in lucem exitum vivit in modo cavendum es.</p>
                <ul>
                    <li>Donec seid odio dui.</li>
                    <li>Nullalit libero, alea pharetra augue.</li>
                </ul>
            </article>
            <article>
                <h2>
                    <span class="five-services"></span>Clean and Modern Design</h2>
                <p>
                    Tunc lacrimas illa benignissime vi aureo in lucem exempli paupers coniunx efficerer
                    nup tiarum civibus. Gaudeo in rei .</p>
                <ul>
                    <li>Donec seid odio dui.</li>
                    <li>Nullalit libero, alea pharetra augue.</li>
                    <li>Aenean lacinia bibendum nulla</li>
                </ul>
            </article>
            <article>
                <h2>
                    <span class="six-services"></span>Clean and Modern Design</h2>
                <p>
                    Pellentesque rutrum auctor vulputate. Sed consequat suscipit est, vitae dapibus
                    ipsum iaculis sed.</p>
                <ul>
                    <li>Cras justo odio, dapibus ac facilisis Sed posuere </li>
                    <li>consectetur est at lobortis. </li>
                    <li>Donec ullamcorper nulla non metus auctor </li>
                </ul>
            </article>
        </div>
@*        <div class="clients">
            <h2>
                Nossos Clientes</h2>
            <ul class="client-list">
                <li>
                    <img alt="" src="@Url.Content("~/Content/images/client1.png")"></li><li>
                    <img alt="" src="@Url.Content("~/Content/images/client2.png")"></li><li>
                    <img alt="" src="@Url.Content("~/Content/images/client3.png")"></li><li>
                    <img alt="" src="@Url.Content("~/Content/images/client4.png")"></li><li>
                    <img alt="" src="@Url.Content("~/Content/images/client5.png")"></li><li>
                    <img alt="" src="@Url.Content("~/Content/images/client6.png")"></li>
            </ul>
        </div>*@
    </section>
</div>
